<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>风力发电站</title>
		<style>
			body {
				margin: 0;
				overflow: hidden;
				/* 隐藏body窗口区域滚动条 */
			}
		</style>
		<!-- 样式资源 -->
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/loading.css">
		<!--引入three.js三维引擎-->
		<script src="js/three.js"></script>
		<script src="js/OrbitControls.js"></script>
		<script src="js/GLTFLoader.js"></script>
		<script src="js/CSS3DRenderer.js"></script>
		<script src="js/tween.min.js"></script>
	</head>
	<body>
		<div id="app">
			<div class="operation-panel">
				<div class="switch-btn">
					<span>整体风机转动开关:</span>
					<button :class="['btn','btn-default',glb.overall && 'danger-btn']"
						@click="$set(glb,'overall',!glb['overall'])">{{ glb.overall ? '关闭' : '开启'}}</button>
				</div>
				<div class="switch-btn">
					<span>扇叶转动开关:</span>
					<button :class="['btn','btn-default',glb.flabellum && 'danger-btn']"
						@click="$set(glb,'flabellum',!glb['flabellum'])">{{ glb.flabellum ? '关闭' : '开启'}}</button>
				</div>
				<div class="switch-btn">
					<span>风机杆外壳:</span>
					<button :class="['btn','btn-default',glb.fanrodShell && 'danger-btn']"
						@click="visibleEquipment(untitledObject.scene,'polySurface173','fanrodShell')">{{ glb.fanrodShell ? '隐藏' : '显示'}}</button>
				</div>
				<div class="switch-btn">
					<span>扇叶外壳:</span>
					<button :class="['btn','btn-default',glb.flabellumShell && 'danger-btn']"
						@click="visibleEquipment(untitledObject.scene,'扇叶_2','flabellumShell')">{{ glb.flabellumShell ? '隐藏' : '显示'}}</button>
				</div>
				<div class="switch-btn">
					<span>设备外壳:</span>
					<button :class="['btn','btn-default',glb.equipmentShell && 'danger-btn']"
						@click="visibleEquipment(untitledObject.scene,'polySurface189','equipmentShell')">{{ glb.equipmentShell ? '隐藏' : '显示'}}</button>
				</div>
				<div class="switch-btn">
					<span>设备底座:</span>
					<button :class="['btn','btn-default',glb.equipmentPedestal && 'danger-btn']"
						@click="visibleEquipment(untitledObject.scene,'polySurface243','equipmentPedestal')">{{ glb.equipmentPedestal ? '隐藏' : '显示'}}</button>
				</div>
				<div class="switch-btn">
					<span>整体风机转动速度:</span>
					<input type="number" v-model="glb.overallSpeed" class="input-default" />
				</div>
				<div class="switch-btn">
					<span>扇叶转动速度:</span>
					<input type="number" v-model="glb.flabellumSpeed" class="input-default" />
				</div>
			</div>
			<div class="data-car-dom" id="3d-dom" v-if="selectEquipment">
				<span>设备名称：{{selectEquipment.name}}</span>
				<span>设备uuid：{{selectEquipment.uuid}}</span>
			</div>
			<div class="loading-content" v-if="loadingModule !== 3">
				<div class="loading">
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<p>模型加载中...</p>
				</div>
			</div>
		</div>
		<div></div>
		<script src="js/vue.js"></script>
		<script src="js/mixin/css-3d-render.js"></script>
		<script src="js/mixin/action-visible.js"></script>
		<script src="js/demo/demo-02.js"></script>
	</body>
</html>
